<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>新增客户信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../../css/wx/mui.min.css">
    <link rel="stylesheet" href="../../../css/wx/app.css">
    <link rel="stylesheet" href="../../../css/wx/style.css"/>
    <script type="text/javascript">
        var pageConfig = {
            jss: ["app/gwcxd/customers-add"],
            cb: function (o) {

            }
        };
    </script>
    <script data-main="../../../js/wx/public/config.js" src="../../../js/require.js"></script>
    <style>
        .mui-content {
            padding: 0;
        }
    </style>

</head>

<body>
<!--list-->
<div class="mui-content wf-user-add wf-customers-add">
    <form class="mui-input-group">
        <div class="mui-input-row">
            <label>客户名称</label>
            <input v-model="sub.gwakl003" type="text" class="mui-input-clear" placeholder="请输入客户名称">
        </div>
        <div class="mui-input-row">
            <label>联系人姓名</label>
            <input v-model="sub.gwak031" type="text" class="mui-input-clear" placeholder="请输入联系人姓名">
        </div>
        <div class="mui-input-row">
            <label>手机号码</label>
            <input v-model="sub.gwak030" type="number" class="mui-input-clear" placeholder="请输入手机号码">
        </div>
        <!--<li class="mui-input-row">-->
        <!--<a class="mui-navigate-right">使用地址</a>-->
        <!--</li>-->
        <div class="mui-input-row">
            <label>省份</label>
            <select v-model="sub.gwak023" @change="provinceChange" class="selectCont" v-cloak>
                <option v-for="p in provinces" :value="p.gwad002">{{p.gwadl004}}</option>
            </select>
        </div>
        <div class="mui-input-row">
            <label>城市</label>
            <select @change="cityChange" v-model="sub.gwak024" class="selectCont">
                <option v-for="p in citys" :value="p.gwad002">{{p.gwadl004}}</option>
            </select>
        </div>
        <div class="mui-input-row">
            <label>区县</label>
            <select v-model="sub.gwak025" class="selectCont">
                <option v-for="p in districts" :value="p.gwad002">{{p.gwadl004}}</option>
            </select>
        </div>
        <div class="mui-input-row">
            <label>详细地址</label>
            <textarea v-model="sub.gwak028" rows="5" placeholder="请输入详细地址"></textarea>
        </div>
    </form>
    <form class="mui-input-group" style="margin-top: 10px;">
        <!--<div class="mui-input-row">-->
            <!--<label>经销商</label>-->
            <!--<select v-model="sub.gwak025" class="selectCont">-->
                <!--<option v-for="p in districts" :value="p.gwad002">{{p.gwadl004}}</option>-->
            <!--</select>-->
        <!--</div>-->
        <div class="mui-input-row">
            <label>线人姓名</label>
            <input v-model="sub.gwak017" type="text" class="mui-input-clear" placeholder="请输入线人姓名">
        </div>
        <div class="mui-input-row">
            <label>手机号码</label>
            <input v-model="sub.gwak018" type="number" class="mui-input-clear" placeholder="请输入手机号码">
        </div>
        <div class="mui-input-row">
            <label>其他备注信息</label>
            <textarea v-model="sub.gwak055" rows="5" placeholder="请输入其他备注信息"></textarea>
        </div>
    </form>

    <div @tap.stop="addData" class="navbar-mui">
        <button type="button" class="mui-btn mui-btn-royal mui-btn-block mui-btn-outlined addCar">保存</button>
    </div>
</div>

</body>

</html>